<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Design Lab</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="Practice design, ui, after effect">
	<meta name="keywords" content="design, ui, after effect">
    <!--[if lte IE 8]><link rel="stylesheet" href="responsive-nav.css"><![endif]-->
    <!--[if gt IE 8]><!--><link rel="stylesheet" href="styles.css"><!--<![endif]-->
    <script src="responsive-nav.js"></script>
  </head>
  <body>
    <div role="navigation" id="nav">
      <ul>
        <li class="active"><a href="#home">Design Resources</a></li>
        <li><a href="#co">Design Collections</a></li>
        <li><a href="#ae">AE Lab</a></li>
        <li><a href="#res">AE Resources</a></li>
      </ul>
    </div>
    <div role="main" class="main">
      <a href="#nav" id="toggle">Menu</a>
      <section>
      <h2 id="home">Design Resources</h2>
      <script async class="speakerdeck-embed" data-id="287cf8a0ccd30130ef562e8bd7abb98d" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="co">Design Collections</h2>
      <script async class="speakerdeck-embed" data-id="bea37c50cd040130561b36533a989440" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="ae">AE Lab</h2>
      <script async class="speakerdeck-embed" data-id="3fa6c480cd050130ff744e0ed8f4b592" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
      <section>
      <h2 id="res">AE Resources</h2>
      <script async class="speakerdeck-embed" data-id="39b93a60cd050130ff764e0ed8f4b592" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>
      </section>
    </div>

    <script>
      var navigation = responsiveNav("#nav", {customToggle: "#toggle"});
    </script>
  </body>
</html>
